<template>
  <div class="left-fixed-and-right">
<!--左部fixed插槽-->
    <div class="left-fixed">
      <slot name="left"/>
    </div>
<!--右部列表插槽-->
    <div class="right-list">
      <slot name="right"/>
    </div>
  </div>
</template>

<script>
export default {
  name: "LeftFixedRightList"
};
</script>

<style scoped>
@media screen and (max-width: 1100px) {
  .left-fixed {
    display: none;
  }

  .right-list {
    margin: 0 !important;
  }
}
.left-fixed-and-right{
  width: 100%;
}
.left-fixed{
  position: fixed;
  top: 80px;
  z-index: 5;
  width: 250px;
}
.right-list{
  margin: 20px 0 20px 22rem;
  max-width: 700px;
  min-width: 300px;
}
</style>